.screen {vertical-align:middle; border: 1px solid navy}

#thumbs {overflow:auto; list-style:none; margin:30px; padding:0;}

#thumbs li {float:left;}

#thumbs a {display:block; outline:none; padding: 3px; border: 1px solid navy; margin: 3px;}

#thumbs a:hover, #thumbs a:focus {background: url('../images/structure/bg_header.png') repeat;}

#thumbs a.active {background: navy;}

#viewer {position:relative; width:700px; height:465px; margin-bottom: 5%; border: 1px solid navy; background: url('../images/structure/bg_header.png') repeat;}

#viewer img[src*="loader"] {vertical-align: middle; azimuth: center; text-align: center; margin-top: 30%;}
